<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>    

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en" class="app">
<head>  
  <meta charset="utf-8" />
  <title>价格计算-技能标签</title>
  <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 
  
	<jsp:include page="../lbi/common.jsp"></jsp:include>
</head>
<body class="" style="position: relative;">
	<!--新增代码-->
	<div class="sgtk2" style="display: none;">
		<div class="jineng">
			<form class="cmxform" id="commentForm" method="get" action=""> 
				<h5>新增</h5>
				<p>
					<span>标题：<input id="tagName" name="name" minlength="2" type="text" required="required"></span>
					<span>
	                		<label>分类:</label>
	                  	<select id="select_value" name="jungle" title="请选择" required>
	                  		<option value="">请选择</option>
	                  		<c:forEach items="${list }" var="list">
	                  			<option value="${list.id }">${list.name }</option>
	                  		</c:forEach>
	                  	</select>
	               </span><span>金额(¥)：<input type="text" id="tagMoney" value="" onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" onblur="this.v();"  required="required"/></span>
				</p>
	            <p><span>标签评价内容：<input type="text" id="tagContent" value="" style="width:450px; margin-top: 10px;"> </span></p>
				<p><button class="btn01" onclick="saveSecSkill()">保存</button><button class="btn02">取消</button></p>
			</form>
		</div>
	</div>
	<div class="sgtk3" style="display: none;">
		<div class="jineng">
			<form class="cmxform" id="commentForm1" method="get" action=""> 
				<h5>修改</h5>
				<p>
					<input type="hidden" id="tagId" />
					<span>标题：<input id="uTagName" name="name" type="text" required="required"></span>
					<span>
	                	<label>分类:</label>
	                  	<select id="uselect_value" name="jungle" title="请选择" required>
	                  		<option value="">请选择</option>
	                  		<c:forEach items="${list }" var="list">
                  			<option  value="${list.id }">${list.name }</option>
                  			</c:forEach>
	                  	</select>
	               </span>
	               <span>金额(¥)：<input type="text" id="uTagMoney" value="" onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" onblur="this.v();"  required="required"/></span></p>
				
				<p>
            		<span>标签评价内容：<input type="text" id="uTagContent" value="" style="width:450px; margin-top: 10px;"></span>
           	 	</p>
				<p><button class="btn01" onclick="updateSecSkill()">保存</button><button class="btn02">取消</button></p>
			</form>
		</div>
	</div>
	<!--结束新增-->
  <section class="vbox" style="position: absolute;">
    
		<jsp:include page="../lbi/head.jsp" ></jsp:include>
		
    <section>
      <section class="hbox stretch">
        <!-- .aside -->
            <jsp:include page="../lbi/left.jsp" ></jsp:include>
        <!-- /.aside -->
        <section id="content">
	      		  <section class="hbox stretch">
	        			  <section id="content">
	   					 <section class="hbox stretch">
	        <!--从这里开始复制粘贴-->
	        <section class="vbox">
	            <header class="header bg-white b-b clearfix">
	                <div class="row m-t-sm">
	                    <div class="col-sm-8 m-b-xs">
	                   	   <a href="javascript:void(0);" class="xinzeng"><button type="button" class="but"><i class="fa fa-plus"></i>&nbsp;技能</button></a>
	                        <span class="secrch">技能：<input type="text" id="serchName" placeholder=""></input></span>
		                    <button class="btn-sm but" type="button" onclick="serchName()">搜索</button>
	                    </div>
	                    <div class="col-sm-3 m-b-xs">
	                        <div class="input-group">
	                            
	                        </div>
	                    </div>
	                    <!-- <div class="col-sm-1 m-b-xs">
	                        <button type="button" class="but2">下载列表</button>
	                    </div> -->
	                </div>
	            </header>
	            <section class="scrollable wrapper w-f">
	                <section class="panel panel-default">
	                    <div class="table-responsive">
	                        <table class="table table-striped m-b-none">
	                            <thead>
	                            <tr>
	                                <th>标题</th>
	                                <th>分类</th>
	                                <th>日新金额</th>
	                                <th>操作</th>
	                            </tr>
	                            </thead>
	                            
	                            <tbody id="heightList">
	
	                            </tbody>
	                        </table>
	                    </div>
	                </section>
	            </section>
	            <footer class="footer bg-white b-t">
	                <div class="row text-center-xs">
	                    <div class="col-md-6 hidden-sm">
	                    </div>
	                    <div class="col-md-6 col-sm-12 text-right text-center-xs">
	                        <ul class="pagination pagination-sm m-t-sm m-b-none" id="page_user">
	                        </ul>
	                    </div>
	                </div>
	            </footer>
	        </section>
	        <!--以上为内容-->
	        <a href="#" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen" data-target="#nav"></a>
	    </section>
				      </section>
	
	      		  </section>
	      	 </section>
    </section>
  </section>
  </section>
  
  <script src="<c:url value="/js/web_js/sec/sec_jineng.js"/>"></script>
  
  <script>
    
    $("#mishu").addClass("active");
    $("#jiage").addClass("active2");
    $("#nav_1").css('display','block');
    $("#jineng").addClass("active2");
  
    $(".xinzeng").click(function(){
  		$(".sgtk2").show();
  	})
  	$(".btn02").click(function(){
  		$(".sgtk2").hide();
  	})
  	$(".xiugai").click(function(){
  		$(".sgtk3").show();
  	})
  	$(".btn02").click(function(){
  		$(".sgtk3").hide();
  	})
  	
  	$().ready(function() {
	    $("#commentForm").validate();
	});
	$().ready(function() {
	    $("#commentForm1").validate();
	});
  </script>
</body>
</html>